

<template>

  <el-dialog
      v-model="envSettingDialogVisible"
      title="Tips"
      width="500"
      :before-close="handleClose"
  >
    <span>This is a message</span>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="envSettingDialogVisible = false">Cancel</el-button>
        <el-button type="primary" @click="envSettingDialogVisible = false">
          Confirm
        </el-button>
      </div>
    </template>
  </el-dialog>

</template>


<script setup>


import { ref } from 'vue'
import { ElMessageBox } from 'element-plus'

const envSettingDialogVisible = ref(false)


const handleClose = (done) => {
  // ElMessageBox.confirm('Are you sure to close this dialog?')
  //     .then(() => {
  //       done()
  //     })
  //     .catch(() => {
  //       // catch error
  //     })

}

defineExpose([
  envSettingDialogVisible
])

</script>

